<html>
<head>
    <meta charset="utf-8">
    <title>丰调调适V1.0</title>
    <meta http-equiv="content-type" content="text/html">
    <meta HTTP-EQUIV="Pragma" CONTENT="no-cache">
    <meta name="viewport"
          content="initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no,width=device-width">
    <meta name="format-detection" content="telephone=no">
    <meta name="app-mobile-web-app-capable" content="yes">
    <meta name="app-mobile-web-app-status-bar-style" content="black-translucent">
    <meta name="keywords" content="铭飞MCMS">
    <meta name="description" content="铭飞MCMS">
    <script type="text/javascript" src="http://localhost:8080//static/plugins/vue/2.6.9/vue.min.js"></script>
    <link rel="stylesheet" href="http://localhost:8080//static/plugins/minireset/0.0.2/minireset.min.css">
    <link rel="stylesheet" href="http://localhost:8080//iconfont/1.0.0/iconfont.css">
    <link rel="stylesheet" href="http://localhost:8080//static/plugins/animate/4.1.0/animate.min.css">
    <script src="http://localhost:8080//static/plugins/element-ui/2.15.7/index.min.js"></script>
    <link rel="stylesheet" href="http://localhost:8080//static/plugins/element-ui/2.15.7/theme-chalk/index.min.css">
    <link rel="stylesheet" href="http://localhost:8080//template/1/default/css/app.css">
    <!--网络请求框架-->
    <script src="http://localhost:8080//static/plugins/axios/0.18.0/axios.min.js"></script>
    <script src="http://localhost:8080//static/plugins/qs/6.6.0/qs.min.js"></script>
    <script src="http://localhost:8080//static/plugins/ms/2.0/ms.umd.js"></script>
    <script src="http://localhost:8080//static/plugins/swiper/6.4.1/swiper-bundle.js"></script>
    <link rel="stylesheet" href="http://localhost:8080//static/plugins/swiper/6.4.1/swiper-bundle.css">
    <script>
        SwiperClass = Swiper
    </script>
    <script src="http://localhost:8080//static/plugins/vue-awesome-swiper/4.1.1/vue-awesome-swiper.min.js"></script>

    <script>
        Vue.use(VueAwesomeSwiper)
    </script>
    <style>
        :root {

        --swiper-theme-color:$ {
            component . config . color . value
        }

        ;
        }

    </style>
    <script>
        ms.base = "";
    </script>
    <style>
        [v-cloak] {
            display: none;
        }
    </style>
</head>
<body>
<div id="app" v-cloak>
    <div class="ms-nav">
        <div class="body">
            <div class="logo">
                <img style="width:100%" title="" alt=""
                     src="http://localhost:8080///upload/1/appLogo/20221013142105.png" class="logo-pic">
                <!--   <img title="" alt="" src="https://www.mingsoft.net//template/1/ms/images/1596437934982.png" class="logo-desc">-->
            </div>
            <div @click="switchShow([&quot;1605172743000_96378&quot;]);" class="nav-h5">
                <i class="iconfont icon-caidan nav-h5-icon"></i>
                <div id="key_1605172743000_96378" class="nav-h5-body" style="display: none">
                    <a href="http://localhost:8080/" class="nav-h5-item"> 首页 </a>
                    <a href="http://localhost:8080/html/web/product/index.html" class="nav-h5-item ">
                        公司产品
                    </a>
                    <a href="http://localhost:8080/html/web/news/index.html" class="nav-h5-item ">
                        新闻动态
                    </a>
                    <a href="http://localhost:8080/html/web/lianxiwomen.html" class="nav-h5-item  sel">
                        关于我们
                    </a>
                </div>
            </div>
            <div class="nav-item">
                <a href="http://localhost:8080/" class="item"> 首页 </a>

                <a href="http://localhost:8080/html/web/product/index.html" class="item">
                    产品技术
                </a>
                <a href="http://localhost:8080" class="item">
                    行业案例
                </a>
                <a href="http://localhost:8080/html/web/news/index.html" class="item">
                    新闻动态
                </a>
                <a href="http://localhost:8080/html/web/gywm/gongsijieshao/index.html" class="item">
                    发现丰调
                </a>
            </div>
            <div class="nav-search">
                <!--搜索-start-->
                <form id="searchDataForm" action="http://localhost:8080//mcms/search.do" method="post"
                      class="ms-search-input">
                    <div class="ms-search-input-div">
                        <!--输入框 - start -->
                        <input class="ms-input" name="content_title" placeholder="输入搜索关键字">
                        <!--输入框 -end -->
                    </div>
                    <div class="ms-search-button" onclick="document.getElementById('searchDataForm').submit();">
                        <i class="iconfont icon-fangdajing"></i>
                    </div>
                </form>
                <!--搜索-end-->
            </div>
        </div>
    </div>
    <div class="news" style="background-image: url('http://localhost:8080///upload/1/cms/content/20221013111111.png')">
        <div class="body">
            <div class="left">
                <span class="title"> 发现丰调 </span>
                <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="sub-title"> 联系我们 </a>
                <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="sub-title"> 公司荣誉 </a>
                <a href="http://localhost:8080/html/web/gywm/gongsijieshao/index.html" class="sub-title-sel"> 公司介绍 </a>

            </div>
            <div class="right">
                <div class="ms-channel-path">
                    <span class="ms-channel-path-label"> 当前位置： </span>
                    <a href="/" class="ms-channel-path-index"> 首页 </a>
                    <i class="iconfont icon-youjiantou">/</i>
                    <a href="http://localhost:8080/html/web/gywm/gongsijieshao/index.html" class="ms-channel-path-link"> 发现丰调 </a>
                    <i class="iconfont icon-youjiantou">/</i>
                    <a href="http://localhost:8080/html/web/gywm/gongsijieshao/index.html" class="ms-channel-path-link">
                        公司介绍 </a>
                </div>
                <span class="big-title"> </span>
                <div class="news-body">
                    <div class="one">
                        <div class="listleft">
                    <span style="font-size: 25px;color: #0d689c">
                        发现丰调
                    </span>
                            <div>
                                丰调创立于2015年，立志成为“建筑好医生”，专治太冷、太热、太闷、太费能等问题。
                                丰调的核心能力是建筑全生命周期整体调适：并非简单用或换“先进”设备，而是通过精细化技术+管理，整合建筑系统耦合关系，
                                用最小能耗满足舒适性，并实现安全运行。相关业务涉及空调及其楼宇自控系统性能诊断、节能咨询、融合物联网和能效管理平台的智慧运营等。
                            </div>
                        </div>
                        <div class="listright">
                            <img  style="float: left" title="" alt="" src="http://localhost:8080///upload/1/cms/content/20221013150537.png">
                            <span style="font-size: 35px;color: yellowgreen;">
                                建筑好医生
                            </span>
                            <div style="font-size: 20px;color: yellowgreen">
                                建筑全生命周期整体调适，专治：
                                太冷、太热、太闷、太费能……
                               </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="ms-footer">
        <div class="body">
            <div class="top">
                <div class="top-left">
                    <div class="foot-nav">
                        <a href="http://localhost:8080/html/web/product/index.html" class="nav-item"> 产品技术</a>
                        <!--      <div>-->
                        <!--       <a href="http://localhost:8080/html/web/product/kycp/index.html" class="item"> 开源产品 </a>-->
                        <!--      </div>-->
                        <!--      <div>-->
                        <!--       <a href="http://localhost:8080/html/web/product/hycp/index.html" class="item"> 行业产品 </a>-->
                        <!--      </div>-->
                        <!--      <div>-->
                        <!--       <a href="http://localhost:8080/html/web/product/pingtaichanpin/index.html" class="item"> 平台产品 </a>-->
                        <!--      </div>-->
                    </div>
                    <div class="foot-nav">
                        <a href="http://localhost:8080/html/web" class="nav-item"> 行业案例</a>
                        <div>
                            <a href="http://localhost:8080/html/web/news/gsdt/index.html" class="item"> 公司动态 </a>
                        </div>
                        <div>
                            <a href="http://localhost:8080/html/web/news/xingyedongtai/index.html" class="item">
                                行业动态 </a>
                        </div>
                    </div>
                    <div class="foot-nav">
                        <a href="http://localhost:8080/html/web/news/index.html" class="nav-item"> 新闻动态</a>
                        <div>
                            <a href="http://localhost:8080/html/web/news/gsdt/index.html" class="item"> 公司动态 </a>
                        </div>
                        <div>
                            <a href="http://localhost:8080/html/web/news/xingyedongtai/index.html" class="item">
                                行业动态 </a>
                        </div>
                    </div>

                    <div class="foot-nav">
                        <a href="http://localhost:8080/html/web/gywm/gongsijieshao/index.html" class="nav-item">
                            发现丰调</a>
                        <div>
                            <a href="http://localhost:8080/html/web/gywm/lianxiwomen/index.html" class="item"> 联系我们 </a>
                        </div>
                        <div>
                            <a href="http://localhost:8080/html/web/gywm/gongsijieshao/index.html" class="item">
                                公司介绍 </a>
                        </div>
                    </div>
                </div>
                <div class="top-right">
                    <div class="qr">
                        <img title="" alt="" src="http://localhost:8080//template/1/default/images/20221013150521.jpg"
                             class="pic">
                        <span class="text"> 商务微信 </span>
                    </div>
                    <div class="qr">
                        <img title="" alt="" src="http://localhost:8080//template/1/default/images/20221013150532.jpg"
                             class="pic">
                        <span class="text"> 公众号 </span>
                    </div>
                </div>
            </div>
            <span style="padding-top:-200px " class="copyright"> <el-link
                    href="https://baike.baidu.com/item/%E4%B8%8A%E6%B5%B7%E4%B8%B0%E8%B0%83%E8%8A%82%E8%83%BD%E6%8A%80%E6%9C%AF%E6%9C%89%E9%99%90%E5%85%AC%E5%8F%B8/55366882?fr=aladdin"
                    type="primary">© 上海丰调节能技术有限公司</el-link> 2015年11月18日成立至今 </span>
            <span class="power"> 公司联系人： <el-link href="https://m.dingtalk.com/qidian/name-00038EF75Ed188"
                                                 type="primary">钱颖初</el-link>  </span>
        </div>
    </div>
</div>
<script>
    var app = new Vue({
        el: '#app',
        watch: {},
        data: {},
        methods: {
            switchShow: function (arr) {
                var that = this
                arr.forEach(function (x) {
                    let e = that.$el.querySelector("#key_" + x)
                    if (e) {
                        e.style.display = e.style.display == 'none' ? 'flex' : 'none'
                    }
                })
            },
        },
        created() {
        }
    })
</script>
<style>
    body {
        background-color: #fff;
        box-sizing: border-box;
        font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Segoe UI", "Helvetica Neue", "PingFang SC", "Noto Sans", "Noto Sans CJK SC", "Microsoft YaHei", 微软雅黑, sans-serif;
        moz-box-sizing: border-box;
        webkit-box-sizing: border-box;
    }

    .news-body .one {
        display: flex;
        flex-direction: row;
        margin: 0 auto;
        padding: 5px;
        overflow: hidden;
    }


    .news-body .one .listleft {
        width: 30%;
        float: left;
        margin: 20px;
    }

    .news-body .one .listright {
        padding-top: 40px;
        padding-left: 10px;
        width: 70%;
        float: left;
        margin: 20px;
    }

    .news {
        align-items: flex-start;
        flex-direction: row;
        display: flex;
        padding-right: 0px;
        box-sizing: border-box;
        justify-content: center;
        padding-bottom: 0px;
        flex-wrap: nowrap;
        width: 100%;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        margin-top: 0px;
    }

    .news .body {
        padding-bottom: 20px;
        flex-wrap: nowrap;
        flex-direction: row;
        display: flex;
        padding-right: 0px;
        width: 1200px;
        box-sizing: border-box;
        padding-top: 20px;
        padding-left: 0px;
    }

    .news .body .left {
        padding-bottom: 0px;
        flex-wrap: nowrap;
        flex-direction: column;
        display: flex;
        padding-right: 0px;
        width: 200px;
        box-sizing: border-box;
        padding-top: 0px;
        padding-left: 0px;
        margin-top: 0px;
        height: 100%;
    }

    .news .body .left .title {
        border-bottom-color: #C0C4CC;
        color: #C0C4CC;
        flex-direction: row;
        word-wrap: break-word;
        display: inline-block;
        font-size: 16PX;
        border-bottom-style: dashed;
        padding-top: 10px;
        border-bottom-width: 1px;
        padding-left: 10px;
        margin-top: 0px;
        height: 40px;
    }

    .news .body .left .sub-title-sel {
        background-color: #F2F6FC;
        color: #409EFF;
        flex-direction: row;
        word-wrap: break-word;
        display: inline-block;
        font-size: 16PX;
        padding-top: 10px;
        padding-left: 10px;
        margin-top: 2px;
        height: 40px;
    }

    .news .body .left .sub-title {
        color: #5F5F5F;
        flex-direction: row;
        word-wrap: break-word;
        display: inline-block;
        font-size: 16PX;
        padding-top: 10px;
        padding-left: 10px;
        margin-top: 0px;
        height: 40px;
    }

    .news .body .right {
        padding-bottom: 0px;
        flex-wrap: nowrap;
        flex-direction: column;
        display: flex;
        padding-right: 0px;
        width: 1000px;
        margin-bottom: 0px;
        box-sizing: border-box;
        padding-top: 0px;
        padding-left: 20px;
        margin-top: 0px;
        height: 100%;
    }

    .news .body .right .ms-channel-path {
        margin-right: auto;
        align-items: center;
        flex-wrap: nowrap;
        flex-direction: row;
        display: flex;
        width: 100%;
        margin-bottom: 10px;
        box-sizing: border-box;
        padding-left: 0px;
        margin-top: 10px;
        height: 30px;
        margin-left: auto;
    }

    .news .body .right .ms-channel-path span {
        color: #909399;
        flex-direction: row;
        word-wrap: break-word;
        display: inline-block;
        font-size: 16PX;
    }

    .news .body .right .ms-channel-path .ms-channel-path-index {
        cursor: pointer;
        color: #000;
        font-size: 16PX;
        text-decoration: none;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .news .body .right .ms-channel-path > i {
    }

    .news .body .right .ms-channel-path .ms-channel-path-link {
        cursor: pointer;
        color: #000;
        font-size: 16PX;
        text-decoration: none;
        margin-bottom: 0px;
        margin-top: 0px;
    }

    .news .body .right .big-title {
        text-align: center;
        flex-direction: row;
        word-wrap: break-word;
        display: inline-block;
        font-size: 22PX;
        margin-bottom: 20px;
        padding-left: 0px;
        margin-top: 10px;
    }

    .news .body .right .news-body {
        flex-direction: column;
        display: flex;
        box-sizing: border-box;
        margin-left: 0px;
        margin-right: 0px;
        min-height: 500px;
        padding-bottom: 0px;
        flex-wrap: nowrap;
        width: 100%;
        margin-bottom: 0px;
        padding-top: 0px;
        padding-left: 0px;
        margin-top: 0px;
    }

    .news .body .right .news-body span {
        flex-direction: row;
        word-wrap: break-word;
        display: inline-block;
        font-size: 14px;
    }

    @media (max-width: 768px) {
        .news {
            align-items: center;
            flex-direction: row;
            display: flex;
            padding-right: 0px;
            box-sizing: border-box;
            justify-content: center;
            padding-bottom: 0px;
            flex-wrap: nowrap;
            width: 100%;
            margin-bottom: 0px;
            padding-top: 0px;
            padding-left: 0px;
            margin-top: 0px;
        }

        .news .body {
            padding-bottom: 20px;
            flex-wrap: nowrap;
            flex-direction: column;
            display: flex;
            padding-right: 0px;
            width: 90%;
            box-sizing: border-box;
            padding-top: 20px;
            padding-left: 0px;
        }

        .news .body .left {
            width: 100%;
        }

        .news .body .right {
            padding-bottom: 0px;
            flex-wrap: nowrap;
            flex-direction: column;
            display: flex;
            padding-right: 0px;
            width: 100%;
            margin-bottom: 0px;
            box-sizing: border-box;
            padding-top: 0px;
            padding-left: 0px;
            margin-top: 0px;
        }

        .news .body .right .ms-channel-path {
            align-items: center;
            flex-direction: row;
            display: flex;
            box-sizing: border-box;
            margin-left: auto;
            margin-right: auto;
            flex-wrap: nowrap;
            width: 100%;
            margin-bottom: 10px;
            padding-top: 0px;
            padding-left: 0px;
            margin-top: 10px;
            height: 30px;
        }

        .news .body .right .ms-channel-path span {
            flex-direction: row;
            word-wrap: break-word;
            display: inline-block;
            font-size: 14PX;
        }

        .news .body .right .ms-channel-path .ms-channel-path-index {
            cursor: pointer;
            color: #000;
            font-size: 14PX;
            text-decoration: none;
            margin-bottom: 0px;
            margin-top: 0px;
        }

        .news .body .right .ms-channel-path .ms-channel-path-link {
            cursor: pointer;
            color: #000;
            font-size: 14PX;
            text-decoration: none;
            margin-bottom: 0px;
            margin-top: 0px;
        }

        .news .body .right .big-title {
            flex-direction: row;
            word-wrap: break-word;
            display: inline-block;
            font-size: 22PX;
            padding-left: 0px;
        }

        .news .body .right .news-body {
            margin-right: 0px;
            padding-bottom: 0px;
            flex-wrap: nowrap;
            flex-direction: column;
            display: flex;
            width: 100%;
            box-sizing: border-box;
            margin-bottom: 0px;
            padding-top: 0px;
            margin-top: 0px;
            margin-left: 0px;
        }

    }</style>
</body>
</html>